<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>背景设置</title>
        <style>
            *{
                padding: 0;
                margin: 0;
            }

            html,body{
                height: 100%;
            }

            body{
                /*!*背景颜色*!*/
                /*background-color: red;*/

                /*!*背景图片*!*/
                /*background-image: url("liuhua.jpg");*/

                /*!**/
                /*背景图片大小:宽度 高度;*/
                /**!*/
                background-size: 100% 100%;

                /*!**/
                /*背景平铺效果*/
                /*repeat：平铺*/
                /*repeat—x：x方向平铺*/
                /*repeat-y：y方向平铺*/
                /*no-repeat：不平铺*/
                /**!*/
                /*background-repeat: no-repeat;*/

                /*!**/
                /*背景图片位置 x  y*/
                /*只可以使px也可以是位置的单词*/
                /*left bottom right top center*/
                /**!*/
                /*!*background-position: right bottom;*!*/

                /*!**/
                /*背景依附关系*/
                /*fixed：不会随着页面的滚动而滚动*/
                /*scroll：会随着页面的滚动而滚动*/
                /**!*/
                /*background-attachment:scroll;*/

                /*简写形式： 颜色 图片 平铺效果 依附关系 位置 */
                /*background: white url("liuhua.jpg") no-repeat fixed center center ;*/
                background: url("liuhua.jpg") no-repeat right top,
                            url("meizhitu.png") no-repeat right bottom;
                /*背景图片大小： 宽度 高度*/
                background-size: 200px auto;
            }
        </style>
    </head>
    <body>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>钉宫赛高
    </body>
</html>